$(function () {
    $.ajax({
        url: "http://193.112.55.79:9090/api/getmoneyctrl",
        type: "get",
        dataType: "json",
        success: function (res) {
            console.log(res);
            var html = template("productListTmp", {
                data: res.result
            });
            $(".productList ul").html(html);
        }
    })
    // 点击下一页  动态生成使用委托事件
    var pageid = 1;
    $(".page").on("tap", "#page-down", function () {
        pageid++;
        $.ajax({
            url: "http://193.112.55.79:9090/api/getmoneyctrl",
            type: "get",
            dataType: "json",
            data: {
                pageid: pageid
            },
            success: function (res) {
                // console.log(res);
                var pageCount = parseInt(res.totalCount / res.pagesize);
                if (pageid >= pageCount) {
                    pageid = pageCount - 1;
                }
                var html = template("productListTmp", {
                    data: res.result
                });
                $(".productList ul").html(html);
            }

        })
        var pageCurrent = pageid;
        $(".page #text-opt option:selected").text(pageCurrent + "/14");
    })
    // 点击上一页  动态生成使用委托事件
    $(".page").on("tap", "#page-up", function () {
        var pageCurrent = pageid
        if (pageCurrent <= 1) {
            pageid = 1;
        } else {
            pageid--;
        }
        $.ajax({
            url: "http://193.112.55.79:9090/api/getmoneyctrl",
            type: "get",
            dataType: "json",
            data: {
                pageid: pageid
            },
            success: function (res) {
                // console.log(res);              
                var html = template("productListTmp", {
                    data: res.result
                });
                $(".productList ul").html(html);
            }
        })
        var pageCurrent = pageid;
        $(".page #text-opt option:selected").text(pageCurrent + "/14");


    })

    //  点击三角按钮选择页数
    $(".page").on("tap", "#text-opt", function () {
        $.ajax({
            url: "http://193.112.55.79:9090/api/getmoneyctrl",
            type: "get",
            dataType: "json",
            data: {
                pageid: pageid
            },
            success: function (res) {
                // console.log(res);       
                var pageCount = parseInt(res.totalCount / res.pagesize);
                //    动态生成option标签     
                for (var i = 2; i <= pageCount; i++) {
                    $(".page #text-opt").append("<option value='" + i + "/" + pageCount + "'>" + i + "/" + pageCount + "</option>");
                }
                // 选中当前页并渲染页面
                $("#text-opt").change(function () {
                    var text = $(this).children('option:selected').val();
                    pageid = text.split("/")[0];
                    console.log(pageid);
                    var html = template("productListTmp", {
                        data: res.result
                    });
                    $(".productList ul").html(html);
                })

            }
        })



    })



})